*{
	margin:0px;
	padding:0px;
	border: 0px;
	text-decoration: none;
	list-style: none;
	-webkit-tap-highlight-color: transparent;
} 
html{
	width: 100%;
	height: 100%;
	min-height: 568px;
	min-width: 269px;
}
body{
	height: 100%;
	width: 100%;
	font-size: 100%;
	background-color: #EEE;
	min-width: 269px;
	min-height: 568px;
	-webkit-backface-visibility: hidden;
	position: absolute;
    top: 0px;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
}
button img{
	width:100%;
	height:100%;
		
	}
@media (min-width: 568px),screen and (orientation:landscape) {
	/*640*1136*/
	.pen {
		width: 37%;
		position: absolute;
		top: 2%;
		left: 1%;
		z-index: 30;
		height: 58%;
	}
	.home {
		width: 30%;
		position: absolute;
		right: 9%;
		top: 12%;
		height: 30%;
	}
	.word {
	width:95%;
	position:absolute;
	top:41%;
	left:2%;
	z-index:10;
	height:71%;	
	}
	.people {
	width:100%;
	position:absolute;
	left:0;
	z-index:30;
	height:100%;
	top:100%;
	}
	button {
	position:absolute;
	z-index:302;
	width:56%;
	left:17%;
	height:56%;
	background:none;
	border:none;
	outline: none;
	top:88%;
	}
}
@media screen and (max-width: 480px) {
	/*480*800*/
	.pen {
		width: 48%;
		position: absolute;
		top: 2%;
		left: 1%;
		z-index: 30;
	}
	.home {
		width: 30%;
		position: absolute;
		right: 9%;
		top: 6%;
	}
	.word {
	width:97%;
	position:absolute;
	top:22%;
	left:2%;
	z-index:10;	
	}
	.people {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:30;
	}
	button {
	position:absolute;
	z-index:302;
	width:59%;
	bottom:0;
	left:17%;
	height:29%;
	background:none;
	border:none;
	outline: none;
	}
}
@media screen and (max-width: 450px) {
	/*480*800*/
	.pen {
		width: 48%;
		position: absolute;
		top: 2%;
		left: 1%;
		z-index: 30;
	}
	.home {
		width: 30%;
		position: absolute;
		right: 9%;
		top: 6%;
	}
	.word {
	width:97%;
	position:absolute;
	top:22%;
	left:2%;
	z-index:10;	
	}
	.people {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:30;
	height:50%;
	}
	button {
	position:absolute;
	z-index:302;
	width:59%;
	bottom:0;
	left:17%;
	height:30%;
	background:none;
	border:none;
	outline: none;
	}
}
@media screen and (max-width: 425px) {
	/*480*800*/
	.pen {
		width: 43%;
		position: absolute;
		top: 1%;
		left: 1%;
		z-index: 30;
	}
	.home {
		width: 27%;
		position: absolute;
		right: 10%;
		top: 5%;
	}
	.word {
	width:97%;
	position:absolute;
	top:19%;
	left:2%;
	z-index:10;
	height:41%;	
	}
	.people {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:30;
	height:49%;
	}
	button {
	position:absolute;
	z-index:302;
	width:59%;
	bottom:0;
	left:16%;
	height:30%;
	background:none;
	border:none;
	outline: none;
	}
}
@media screen and (max-width: 375px){
	/*375*667 ihpone 6*/
	.pen {
		width: 48%;
		position: absolute;
		top: 2%;
		left: 1%;
		z-index: 30;
	}
	.home {
		width: 30%;
		position: absolute;
		right: 9%;
		top: 6%;
	}
	.word {
	width:97%;
	position:absolute;
	top:21%;
	left:2%;
	z-index:10;	
	}
	.people {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:30;
	height:47%;
	}
	button {
	position:absolute;
	z-index:302;
	width:59%;
	bottom:0;
	left:17%;
	height:29%;
	background:none;
	border:none;
	outline: none;
	}
}
@media screen and (max-width: 360px){
	/*360*640*/
	.pen {
		width: 48%;
		position: absolute;
		top: 2%;
		left: 1%;
		z-index: 30;
	}
	.home {
		width: 30%;
		position: absolute;
		right: 9%;
		top: 6%;
	}
	.word {
	width:97%;
	position:absolute;
	top:22%;
	left:2%;
	z-index:10;	
	}
	.people{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:30;
	}
	button {
	position:absolute;
	z-index:302;
	width:59%;
	bottom:0;
	left:17%;
	height:29%;
	background:none;
	border:none;
	outline: none;
	}
}
@media screen and (max-width: 320px){
	/*320*568 iPhone 5/5s*/
	.pen {
		width: 48%;
		position: absolute;
		top: 2%;
		left: 1%;
		z-index: 30;
	}
	.home {
		width: 30%;
		position: absolute;
		right: 9%;
		top: 6%;
	}
	.word {
	width:97%;
	position:absolute;
	top:22%;
	left:2%;
	z-index:10;	
	}
	.people{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:30;
	}
	button {
	position:absolute;
	z-index:302;
	width:58%;
	bottom:0;
	left:17%;
	height:29%;
	background:none;
	border:none;
	outline: none;
	}
	
}






